{% extends "base.html" %}
{% block title %} - Bienvenido.{% endblock %}
{% block head %}
	{{ super() }}
	<link href="/static/bootstrap-3.0.0/examples/offcanvas/offcanvas.css" rel="stylesheet">
	<link href="/static/css/entrenate.css" rel="stylesheet">

{% endblock %}
{% import 'macrosHelper.html' as macros %}
{% block content %}

    {% block navbar %}
    	{{ super() }}
    {% endblock %}

    <div class="container">
	<input type="hidden" id="userId" value="{{g.user.id}}">
      <div class="row row-offcanvas row-offcanvas-left">

        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
          <div class="list-group">
            
              <img alt="140x140" src="{{ g.user.headshot }}" class="img-circle" style="width: 120px; height: 120px;">
        	  <h3>{{ g.user.apodo }}</h3>
          	  <a href="profile" class="list-group-item" >Modificar Perfil &raquo;</a>
          	  <a href="dashboard" class="list-group-item" >Dashboard</a>
          	  <a href="rutina" class="list-group-item" >Rutina</a>
			  <a href="competencias" class="list-group-item" >Competencias</a>
	
				<li class="nav dropdown">
                	<a href="#" data-toggle="dropdown" class="list-group-item dropdown-toggle">Dietas <span class="caret"></span></a>
                	<ul class="dropdown-menu">
                    	<li><a href="dietaCalendario" >Calendario</a></li>
					    <li><a href="dietaObtener">Obtener nueva</a></li>
					    <li class="divider"></li>
					    <li><a href="#">Desuscribirse</a></li>
                    </ul>
	            </li>
	
				<li class="nav dropdown">
                	<a href="#" data-toggle="dropdown" class="list-group-item dropdown-toggle">Circulos <span class="caret"></span></a>
                	<ul class="dropdown-menu">
                    	<li><a href="circulos" >Existentes</a></li>
					    <li><a href="#">Crear</a></li>
					    <li><a href="#">Unirse</a></li>
					    <li class="divider"></li>
					    <li><a href="#">Desuscribirse</a></li>
                    </ul>
	            </li>
	            
	            <li class="nav dropdown">
                	<a href="#" data-toggle="dropdown" class="list-group-item dropdown-toggle">Mis Actividades <span class="caret"></span></a>
                	<ul class="dropdown-menu">
                    	<li><a href="/agregarActividad">Agregar</a></li>
                    	<li><a href="/trackearActividad">Agregar con Tracker</a></li>
						<li><a href="/listarActividades">Ver Actividades</a></li>
                    </ul>
	            </li>
            
          </div>
        </div><!--/span-->
        
        
        <div class="col-xs-12 col-sm-9">
          <p class="pull-left visible-xs">
            <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
          </p>
          
			{% block userData %}
			{% endblock %}
         
        </div><!--/span-->
        
        
      </div><!--/row-->


{% endblock %}

{% block js_footer %}
	{{ super() }}
	<script src="/static/bootstrap-3.0.0/examples/offcanvas/offcanvas.js"></script>
{% endblock %}
